<!DOCTYPE html>
<html>
<head>
   <meta charset=utf-8>
   <meta name="keywords" content="">
   <meta name="description" content="">
   <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/style.css">
   <script src="js/jquery-1.11.3.js"></script>
   <title>我的主页</title>
</head>

<body>
   <!-- 水墨进入 -->
   <div id="shuimo_parent">
      <div id="shuimo" src="img/ink.png"></div>
   </div>
   <script src="js/shuimo.js"></script>
   <!-- banner -->
   <a id="toTop"></a>
   <div class="banner_bg">
      <div id="banner">
         <div class="container_lf">
            <a class="my-name" href="#"><span data-letters="陈锐峰">陈锐峰</span></a>
            <a class="guodong" href="#banner">首页</a>
            <a class="guodong" href="#about" style="width:200px">关于我</a>
            <a class="guodong" href="#my_skill" style="width:240px">我的技能</a>
            <a class="guodong" href="#work" style="width:200px">个人作品</a>
            <a class="guodong" href="#tel" style="width:270px">联系方式</a>
         </div>
         <div class="container_rt">
            <div>
            </div>
         </div>
      </div>
   </div>
   <!-- 关于我 -->
      <div id="about">
         <div>
            <h2>关于我</h2>
            <h3>Who I am and why I design</h3>
            <h4>WHAT I DO AND MY EXPERIENCE</h4>
            <h4>MY GOALS</h4>
            <p>
               &nbsp;&nbsp;&nbsp;&nbsp;曾经开发过手机安卓端的一款类似与EasyTouch的软件，它是一款手机宠物，拥有多种宠物可以选择，它还拥有打开手电筒、相机、计算器等功能。</br>
               &nbsp;&nbsp;&nbsp;&nbsp;最近正在学习html、css、javascript、jQuery等前端知识，并做出了京东首页、京东详情页、360游戏中心、ebay中国区首页，目前正在研究html5、css3的动态特效。
            </p>
            <p>先定个小目标，赚它一个亿？</p>
         </div>
      </div>
   <!-- 技能 -->
      <div id="my_skill">
         <div>
            <h2>我的技能</h2>
            <span class="jn">HTML/CSS
               <div class="jn_bg">
                  <div class="html"></div>
               </div>
            </span>
            <span class="jn">UI
            <div class="jn_bg">
               <div class="ui"></div>
            </div>
            </span>
            <span class="jn">学习能力
            <div class="jn_bg">
               <div class="study"></div>
            </div>
            </span>
            <span class="jn">JAVASCRIPT
            <div class="jn_bg">
               <div class="javascript">
               </div>
            </div>
            </span>
         </div>
      </div>
   <!-- 个人作品 -->
      <div id="work">
         <div>
            <h2>个人作品</h2>
            <ul>
               <li>
                  <div>
                     <img src="img/work1.png" id="work_img">
                     <p id="work_text">进入页面</p>
                  </div>
               </li>
               <li>
                  <div>
                     <h3>LovelyPet</h3>
                     <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这是一款老少皆宜的手机桌面宠物软件，主要针对于10-50岁，对生活充满热情，拥有一颗童心，工作压力过大的人群，这款软件能够让你们得到身心的放松和愉悦。此款手机软件的主题鲜明，设计理念源于对生活的态度，从宠物的主题出发，现代生活的快节奏让很多人都想停下来养一个宠物消磨一下时间，由于工作压力过大许多人没有办法做到，这款手机软件让你轻易达到，将宠物放到手机里每天24小时带在身边。把宠物轻易放在桌面上，界面风格整体统一，给人视觉以美观的呈现，这款软件把用户所需要的体现在每一个地方，我们信奉细节决定成败，精确到每一个地方都能让客户满意。我的宠物软件设计将以最实用和最新奇的想法呈现给大家。</br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;主要功能有桌面放置，卖萌，探索，更换人物，打开手电筒，打开照相机，打开计算器等功能。
                     </p>
                  </div>
               </li>
            </ul>
         </div>
      </div>
      <!-- 联系方式 -->
      <div id="tel">
         <div>
            <h2>联系方式</h2>
            <ul>
               <li>
                  <p class="qq"></p>
                  <p>472314658&nbsp;&nbsp;&nbsp;&nbsp;</p>
               </li>
               <li>
                  <p class="qq wx"></p>
                  <p>18604606743</p>
               </li>
               <li>
                  <p class="qq wb"></p>
                  <p>gameLife_无聊所致</p>
               </li>
               <li>
                  <p class="qq yx"></p>
                  <p>472314658@qq.com</p>
               </li> 
            </ul>
         </div>
      </div>
      <div id="bq">
         <p>未经过开发者允许，不得转载本站之所有信息及作品 开发者版权所有 
         </p>
      </div>
   <script src="js/work.js"></script>
</body>
</html>
